﻿@{
    ViewBag.Title="IPhone customization:overview";
    }
 <div class="overview_tab">
                               <p>
                                        The tabs above allow you to customize your iPhone and Android apps for how you want it to show
                                        your name, logo, messages, links, Facebook connection, etc. to your customers. To
                                        get links and icons for telling your customers about your new mobile apps, go to <a href="#" >Widgets, Icons, Links
                                            </a></p>
                                <div class="overview_img">
                                  
                                     <img src="@Url.Content("~/images/mobileApp/Iphone overview png.png")" alt=""  class="phoneImageOverView"/>
            <img style="display: none" src="@Url.Content("~/images/mobileApp/Android-overview-png.png")" alt=""  class="phoneImageOverView"/>
                                    <img src="@Url.Content("~/images/mobileApp/see as android.png")" alt=""  class="phoneImageOverView1 phoneImageandroid-overview"/>
            <img style="display: none" src="@Url.Content("~/images/mobileApp/see as iphone.png")" alt=""  class="phoneImageOverView1 phoneImageandroid-overview"/>
            <script>
                $(".phoneImageOverView1").click(function () {
                    $(".phoneImageOverView").toggle();
                    $(".phoneImageOverView1").toggle();
                });
            </script>
                                     
          

                                </div>
                                     <div id="dialog" title="Basic dialog" style="display:none; box-shadow:none; left:0 !important; ">
                                        <p>
                                            This is the default dialog which is useful for displaying information. The dialog
                                            window can be moved, resized and closed with the 'x' icon.</p>
                                    </div>
                            </div>
 <script language="javascript" type="text/javascript">

     function opendialog() {
         $("#dialog").dialog({
             modal: true

         });
     };
    </script>